<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Search Box with Icons</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"> <!-- Font Awesome CSS -->
    <link rel="stylesheet" type="text/css" href="assets/my.css"/>
    <link rel="stylesheet" type="text/css" href="assets/iconfont (3)/iconfont.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
        <div class="container">
            <div class="header">
                <i class="i material-symbols:chat-info-outline-rounded"></i>
                <i class="i material-symbols:close" onclick="location.href='index.html'"></i>
            </div>
            <div class="name" onclick="location.href='mysetting.html'">
                <img src="img/托帕.jpg">
                <div class="information">
                    <h3>曹博源</h3>
                    <span>账号数据安全保护中</span>
                </div>
            </div>
            <div class="info">
                <div class="info-s" onclick="location.href='mytext.html'">
                    <div>2</div>
                    <div>书签</div>
                </div>
                <div class="info-s" onclick="location.href='myhistory.html'">
                    <div>789</div>
                    <div>历史</div>
                </div>
                <div class="info-s" onclick="location.href='unload.html'">
                    <div>2</div>
                    <div>下载</div>
                </div>
                <div class="info-s" onclick="location.href='mycloud.html'">
                    <div>1.9GB</div>
                    <div>网盘</div>
                </div>
                <div class="info-s" onclick="location.href= 'book.html'">
                    <div>250</div>
                    <div>书架</div>
                </div>
            </div>
            <div class="setting">
                <div class="trackless">
                    <i class="i ph:ghost"></i>
                    <span>无痕</span>
                </div>
                <div class="moon">
                    <i class="i mingcute:moon-line"></i>
                    <span>暗夜</span>
                </div>
                <div class="wallpaper">
                    <i class="i material-symbols:wallpaper-slideshow-sharp"></i>
                    <span>壁纸</span>
                </div>
                <div class="cloud">
                    <i class="i material-symbols:replay-circle-filled-outline-rounded"></i>
                    <span>云同步</span>
                </div>
                <div class="setting-d">
                    <i class="i material-symbols:settings-outline-rounded"></i>
                    <span>设置</span>
                </div>
            </div>
            <div class="ad">
                <img src="img/advertise.jpg">
            </div>
            <div class="another">
                <div class="farmer">
                    <div class="head-far">
                        <div>芭芭农场</div>
                        <i class="i ic:baseline-greater-than"></i>
                    </div>
                    <div class="foot-far">
                        <div class="manure">
                            <img src="img/施肥.jpg">
                            <div>去施肥</div>
                        </div>
                        <div class="plant">
                            <img src="img/种树.jpg">
                            <div>去种树</div>
                        </div>
                    </div>
                </div>
                <div class="welfare">
                    <div class="head-wel">
                        <div>福利中心</div>
                        <i class="i ic:baseline-greater-than"></i>
                    </div>
                    <div class="foot-wel">
                        <div class="money">
                            <img src="img/提现.jpg">
                            <div>0元</div>
                        </div>
                        <div class="gold">
                            <img src="img/金币.jpg">
                            <div>0金币</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="book">
                <div class="head-book" onclick="location.href= 'book.html'">
                    <div>我的小说</div>
                    <i class="i ic:baseline-greater-than"></i>
                </div>
                <div class="foot-book">
                    <div class="detail">
                        <img src="img/book2.jpg">
                        <div>海贼首富</div>
                    </div>
                    <div class="detail">
                        <img src="img/book2.jpg">
                        <div>海贼首富</div>
                    </div>
                    <div class="detail">
                        <img src="img/book2.jpg">
                        <div>海贼首富</div>
                    </div>
                    <div class="detail">
                        <img src="img/book2.jpg">
                        <div>海贼首富</div>
                    </div>
                </div>
            </div>
            <div class="web">
                <div class="head-web">
                    <div>我的网盘</div>
                    <i class="i ic:baseline-greater-than"></i>
                </div>
                <div class="foot-web">
                    <div>
                        <img src="img/备份.jpg">
                        <div>我的备份</div>
                        <div>0</div>
                    </div>
                    <div>
                        <img src="img/全部文件.jpg">
                        <div>全部文件</div>
                        <div>52</div>
                    </div>
                    <div>
                        <img src="img/云收藏.jpg">
                        <div>云收藏</div>
                        <div>1</div>
                    </div>
                    <div>
                        <img src="img/云视频.jpg">
                        <div>云视频</div>
                        <div>4</div>
                    </div>
                    <div>
                        <img src="img/云相册.jpg">
                        <div>云相册</div>
                        <div>13</div>
                    </div>
                </div>
            </div>
            <div class="recently-played">
                <div>最近播放</div>
                <i class="i ic:baseline-greater-than"></i>
            </div>
        </div>

</body>
</html>